// 获取商品的盒子
var list=document.querySelector('.listul')
var pagination = document.querySelector('.pagination');
// 获取地址栏的参数
var search1=location.search
// 解码
    var ol=decodeURI(search1)
    // 以等于号切割,转成数组
    var arr=ol.split('=')
    function getQueryString(name) {
		var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
		var r = ol.substr(1).match(reg);
		if(r != null) {
			return unescape(r[2]);
		}
			return null;
		}
        var key = getQueryString("key");
        console.log(key)
        var price1=getQueryString("price1")
        console.log(price1)
        var price2=getQueryString("price2")
        console.log(price2)
// 如果地址栏里面有参数
if(search1){
    // 如果地址栏的参数长度大于等于3
    if(arr.length>=3){
        (async function(){
            var txt=await promiseAjax({
                url:'../php/search2.php',
                datatype:`search=${key}&price1=${price1}&price2=${price2}`
            })
            show1(txt)
        })()
    }else{
         (async function(){
            var txt=await promiseAjax({
                url:'../php/search.php',
                datatype:`search=${key}`
            })
            show1(txt)
        })()
    }
    // 地址栏中没有参数
}else{
    //使用async函数获取数据库中的商品信息
    (async function () {
        var txt = await promiseAjax({
            url: '../php/spzs.php'
        })
        show1(txt)
    })()
}
//创建数据显示的方法show1
function show1(txt){
    //把字符串转为对象
    var ar1 = eval('(' + txt + ')')
    //创建分页器的参数对象
    var o1 = {
        pageInfo: {
            pagenum: 1,
            pagesize: 16,
            totalsize: ar1.length,
            totalpage: Math.ceil(ar1.length / 16)
        },
        textInfo: {
            first: "首页",
            prev: "上一页",
            next: "下一页",
            last: '尾页'
        }
    }
    //创建实例分页对象
    new Pagination(pagination, o1, (n) => {
        //获取当前页的数据
        var ar2 = ar1.slice((n - 1) * 16, n * 16)
        //创建字符串拼接所有信息
        var str = ''
        //遍历数组中所有数据
        ar2.forEach(item => {
            str += `
            <li>
                <a href="../index/xqy.html?id=${item.goods_id}" class="liimg">
                    <img src="${item.goods_spzp}" alt="">
                </a>
                <a href="./xqy.html" class="liname">${item.goods_name}
                </a>
                <p class="jq">
                    <span class="btnam">￥</span>
                    <span class="price">${item.goods_price}</span>
                </p>
            </li>
            `
        })
        //把拼接好的内容渲染到页面中
        list.innerHTML=str
    })
}
